It’s 2020 and Facebook has been trialing a new look for its website. With a new Facebook I guess we’ll need new mockups. I went ahead and made this fully customisable mockup of the new design.

This time I made a desktop and a tablet view, they’re both inside the same PSD and share the same smart objects, so if you mock one view you’ve pretty much done both.

I also added a few variants of the pinned post. You’ll be able to choose if you want to show a video or a photo, landscape or square, one to three lines of copy.

Top section

    • Page profile picture

    • Page cover picture

    • Page name

    • Page type of business

About section

    • Number of likes

    • Profile pictures of your friends

    • Number of followers

    • Website

    • Call to action

    • Type of business

    • Photos

    • All 6 photos

Pinned Post

    • Page name

    • Page profile picture (is the same smart object as the one on the top section)

    • Post text

    • Post text length – 1 to 3 lines

    • Post content type – video or photo

    • Post content format – square or landscape

    • Number of likes

    • Number of comments

    • Number of views (if a video)

    • Your profile picture